$(function () {
    //常用jQuery对象
    var chart_datagrid = $("#chart_list");
    var chart_dailog = $("#chart_dialog");

    var group = $("#group");
    //==========================================================================
    //封装方法
    var methodObj = {


        //刷新页面
        reloadList: function () {
            $("#keyword").textbox("setValue", "");
            $("#deptId").combobox("setValue", "");
            var beginDate = $("#beginDate").datebox("setValue", "");
            var endDate = $("#endDate").datebox("setValue", "");
            chart_datagrid.datagrid("reload", {deptId: "-1"});
        },


        //高级查询按钮
        searchs: function () {
            var keyword = $("#keyword").textbox("getValue");
            var groupByTypeId = $("#group").combobox("getValue");
            var beginDate = $("#beginDate").datebox("getValue");
            var endDate = $("#endDate").datebox("getValue");
            chart_datagrid.datagrid("load", {
                keyword: keyword,
                groupByTypeId: groupByTypeId,
                beginDate: beginDate,
                endDate: endDate
            });
        }
    }


    //==========================================================================================
    //按钮绑定事件
    $("[data-cmd]").click(function () {
        var cmd = $(this).data("cmd");
        methodObj[cmd]();
    });

    //页面数据加载
    chart_datagrid.datagrid({
        fit: true,
        fitColumns: true,
        url: "/chart/report.do",
        singleSelect: "true",
        pagination: true,
        rownumbers: true,
        columns: [[
            {field: 'groupByTypeName', title: '分组类型', width: 100},
            {field: 'payFit', title: '已付总款', width: 100},
            {field: 'waitingFit', title: '未付总款', width: 100},
            {field: 'payState', title: '已付清人数', width: 100},

        ]]

    });

    group.combobox({
        valueField: 'id',
        textField: 'value',
        panelHeight:'auto',
        data:[{
            id: '1',
            value: '学员姓名'
        },{
            id: '2',
            value: '学员状态'
        },{
            id: '3',
            value: '付款方式'
        }]
    });

});

